@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFF;
	background-image:url(../img/bg.gif);
	
	color:#625555;
}
#envoltura{
	border:1px solid #625555;
	width:1000px;
	margin: 10px auto;
	background-color:#FFF;
	background-image:url(../img/bg_cen.png);
	
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	
	box-shadow: 1px 1px 5px #666;
   -webkit-box-shadow: 1px 1px 5px #666;
   -moz-box-shadow: 1px 1px 5px #666;
}
#envoltura #cabecera,#envoltura #menu,#envoltura #cuerpo,#envoltura #pie{
	
	height:auto;
	display:block;
	overflow:auto;
	padding:10px;
}
#envoltura #menu{
	padding:0px;
}
#logo{
	float:left;
}
.titulo{
	display:block;
	float:left;
	font-size:15px;
	line-height:20px;
	margin-left:10px;
}
#logo img{
	display:block;
	float:left;
}
#menu{
	background-color:#625555;
	
}
#menu ul li{
	 float: left; 
	 padding:0px;
}
#menu ul li a{
	 color:#FFF;
	 font-weight:bold;
	 text-decoration:none;
	 display: block;
     margin: 5px 10px;
}
#menu ul li:hover{
	 background-color:#98E651;
}


#pie{
	border-top:1px solid #625555;
}
#pie p{
	margin:1px auto;
	width:150px;
	display:block;
	font-size:8px;
	-moz-opacity:0.5 ;
}


<!--utiles-->
.limpiador{
	 clear:both;
}


/* listado rapido para la tabla */
#tablaLista{
	margin:15px; border: 1px solid #333;
}
#tablaLista tbody td{
	padding: 10px;
	border: 1px solid #ccc;
}
#tablaLista thead td{
	background-color:#e78f08;
	padding: 10px;
	border: 1px solid #ccc;     
	color: #FFF;
	font-weight: bold;   
}

/* utiles */
.cincoPadding .ui-state-highlight p,.cincoPadding .ui-state-error p{
	font-weight:bold;
	padding: 8px;
}

.mayusculas{
	text-transform:lowercase;
	text-transform: capitalize;
}
